<!doctype html>
<html lang="en">
<head>
  	<meta charset="utf-8">
  	<title>Time</title>
  	<link rel="stylesheet" href="css/bootstrap3.0.0.css">
  	<link rel="stylesheet" href="css/bootstrap-datetimepicker.css">
  	<link rel="stylesheet" href="css/style.css">
</head>
<body ng-app="lazy">
	<div ng-controller="PageNav">
		<nav class="navbar navbar-default" role="navigation" ng-controller="Login">
		  	<!-- Brand and toggle get grouped for better mobile display -->
		  	<div class="navbar-header">
		    	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-xxx">
		      		<span class="sr-only">Toggle navigation</span>
		      		<span class="icon-bar"></span>
		      		<span class="icon-bar"></span>
		      		<span class="icon-bar"></span>
		    	</button>
		    	<a class="navbar-brand" href="#/view/welcome">Time Manage</a>
		  	</div>	 
		  	<!-- Collect the nav links, forms, and other content for toggling -->
		  	<div class="collapse navbar-collapse" id="navbar-collapse-xxx">
		    	<ul class="nav navbar-nav">
		      		<li class="{{view=='task'?'active':''}}"><a href="#/view/task" ng-click="changeview('task')">任务</a></li>
		      		<li class="{{view=='manage'?'active':''}}"><a href="#/view/manage" ng-click="changeview('manage')">统计</a></li>
		      		<li class="{{view=='care'?'active':''}}"><a href="#/view/care" ng-click="changeview('care')">关注</a></li>
                    <li class="{{view=='newthings'?'active':''}}"><a href="#/view/newthings" ng-click="changeview('newthings')">好友动态</a></li>
		    	</ul>
		    
		    	<div class="animate-switch-container" ng-switch on="loginstate">
		        	<div class="animate-switch" ng-switch-when="yes">
		        		<div class="navbar-form navbar-right">
		        			<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
		        				<i class="icon-user"></i> 欢迎光临：{{loginid}} 
		        				<span class="caret"></span>
		        			</button>
		        			<ul class="dropdown-menu">
		        				<li><a href="">修改密码</a></li>
		        				<li class="divider"></li>
		        				<li><a href="" ng-click="logout();">logout</a></li>
		        			</ul>
		        		</div>
		        	</div>
		        	<div class="animate-switch" ng-switch-when="no">
		        		<form class="navbar-form navbar-right" ng-submit="send(username,password);" role="form">
		        	  		<div class="form-group">
		        	    		<input type="text" class="form-control"  name="username" ng-model="username" placeholder="用户名" required/>
		        	  		</div>
		        	  		<div class="form-group">
		        	    		<input type="password" class="form-control" name="password" ng-model="password" placeholder="密码" required/>
		        	  		</div>
		        	  		<button type="submit" class="btn btn-primary">登陆</button>
		        	  		<a class="btn btn-success" href="#/view/register">新用户注册</a>
		        		</form>
		        	</div>
		    	</div>
		  	</div><!-- /.navbar-collapse -->
		</nav>
	</div>
	
	<div id="wrapper">
		<div>
		  	<div ng-view></div>
            <!--<a href="https://graph.renren.com/oauth/authorize?client_id=264666&response_type=code&redirect_uri=http://time.oacal.com">-->
                <!--<img style="border:0px" src="/images/renren_login_button.png"/>-->
            <!--</a>-->
		</div>
	</div>
	
	<div class="footer">
	  	<div class="container">
	  	<hr>
		Powered by <a href="#">Node.js</a> |
	  	<a href="#">Angular.js</a>
	  	<br>
	  	Copyright © 2013-xxxx <a href="http://www.renren.com/336188571/profile">Xi Dui</a>.
	  	All rights reserved.
	  	<br>
	  	Follow me @ <a href="https://github.com/xidui/lazy">github</a>  </div>
	</div>
	
	<script src="js/jquery/jquery-1.10.2.js"></script>
	<script src="js/bootstrap/bootstrap.js"></script>
	<script src="js/bootstrap/bootstrap-datetimepicker.js"></script>
	<script src="js/jquery/user-customize.js"></script>
	<script src="js/angular/angular.js"></script>
	<script src="js/angular/angular-animate.js"></script>
	<script src="js/angular/angular-resource.js"></script>
	<script src="js/angular/angular-route.js"></script>
	<script src="js/angular/angular-strap.js"></script>	
	<script src="js/app.js"></script>
	<script src="js/controllers.js"></script>
</body>
</html>